<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        a {
            text-decoration: none;
            /*color: red;*/
        }
        /*设置未被访问前的颜色*/
        a:link{
            color:red;
        }
        /*设置访问后的颜色*/
        a:visited{
            color: gray;
        }
        /*设置鼠标放在链接上的颜色*/
        a:hover {
            color: green;
        }
        a:active {
            color: pink;
        }
        /* hover必须写在link或者visited之后*/
        /*active必须写在 hover之后*/
    </style>
</head>
<body>
<br><a href="http://www.baidu.com" target="_blank">百度1</a>
<br><a href="http://www.baidu.com" target="_blank">百度2</a>
<br><a href="http://www.taobao.com" target="_blank">淘宝</a>
<br><a href="http://www.sleowdsffe.com" target="_blank">随意</a>
</body>
</html>